<script setup>

</script>

<template>
  <div class="col-md-1"></div>
  <!-- 表单 -->
  <div class="col-md-8 form1">
    <div class="form-style">
      <form>
        <div class="row text-center">
          <div class="col-md-1">
            <p>
              岗位名称
            </p>
          </div>
          <div class="col-md-4">
            <input type="text" class="form-control" id="email" placeholder="Enter email" name="email">
          </div>
        </div>

        <div class="row text-center">
          <div class="col-md-1">
            <p>
              最低学历
            </p>
          </div>
          <div class="col-md-4">
            <input type="text" class="form-control" placeholder="Enter email" name="email">
          </div>
          <div class="col-md-1"></div>
          <div class="col-md-1 text-center">
            <p>
              岗位年限
            </p>
          </div>
          <div class="col-md-4">
            <input type="password" class="form-control" placeholder="Enter password" name="pswd">
          </div>
        </div>

        <div class="row text-center">
          <div class="col-md-1">
            <p>
              工作地点
            </p>
          </div>

          <div class="col-md-1 select-jianxi">
            <select class="form-select form-select-sm form-control-select" id="sel5" name="sellist3">
              <option>吉林省</option>
              <option>2</option>
              <option>3</option>
              <option>4</option>
              <option>5</option>
            </select>
          </div>
          <div class="col-md-1 select-jianxi">
            <select class="form-select form-select-sm form-control-select" id="sel5" name="sellist3">
              <option>1</option>
              <option>2</option>
              <option>3</option>
              <option>4</option>
              <option>5</option>
            </select>
          </div>
          <div class="col-md-1">
            <select class="form-select form-select-sm form-control-select" id="sel5" name="sellist3">
              <option>宽城区</option>
              <option>2</option>
              <option>3</option>
              <option>4</option>
              <option>5</option>
            </select>
          </div>



          <div class="col-md-1"></div>
          <div class="col-md-1 text-center">
            <p>
              工作待遇
            </p>
          </div>
          <div class="col-md-4">
            <input type="password" class="form-control" placeholder="Enter password" name="pswd">
          </div>
        </div>

        <div class="row text-center">
          <div class="col-md-1">
            <p>
              岗位职责
            </p>
          </div>
          <div class="col-md-4">
            <textarea class="form-control" rows="6" id="comment" name="text"></textarea>
          </div>
          <div class="col-md-1"></div>
          <div class="col-md-1 text-center">
            <p>
              任职要求
            </p>
          </div>
          <div class="col-md-4">
            <textarea class="form-control" rows="6" id="comment" name="text"></textarea>
          </div>
        </div>

        <div class="btn-group text-center col-md-10">
          <button type="button" class="btn btn-primary button-jianxi">岗位添加</button>
          <div class="col-md-1"></div>
          <div class="col-md-1"></div>
          <div class="col-md-1"></div>
          <button type="button" class="btn btn-primary button-jianxi">多岗位添加</button>
          <!-- <button type="button" class="btn btn-primary">Sony</button> -->
        </div>



      </form>
    </div>
  </div>
</template>

<style scoped>
.form-style{
  background-color: rgba(240, 254, 255, 0.356);
  height: 500px;
  margin-top: 50px;
  border-radius: 50px;
  padding-top: 50px;
}
form{
  padding-left:30px ;
  text-align: center;
}
.row input{
  height: 30px;
}
.row p{
  line-height: 30px;
}
.row{
  margin-bottom: 15px;
}
.select-jianxi{
  margin-right: 35px;
}

.form-control-select{
  width: 120%;
}
.form1{
  position: fixed;
  left: 350px;
  margin-top: 100px;
}
</style>